<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en">
<![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8" lang="en">
<![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en"> <!--<![endif]-->
<head>
    <title>Q椰子</title>
    <meta name="description" content="Q椰子">
    <meta name="author" content="Q椰子">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8">

    <link rel="icon" href="/images/qyezi.png" type="image/gif">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/templatemo-style.css">

    <!-- JavaScripts -->
    <script src="js/vendor/jquery-1.10.2.min.js"></script>
    <script src="js/vendor/modernizr.min.js"></script>
    <script src="js/canvas.js"></script>
    <script src="js/rainy/rainyday.js"></script>
    <script src="js/rainy/custom.js"></script>
</head>
<body onload="run()">

<header class="site-header" id="top">
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <div class="row">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target=".navbar-collapse">
                        <i class="fa fa-bars"></i>
                    </button>
                    <div class="logo-wrapper">
                        <a class="navbar-brand" href="#templatemo">
                            <p>Q<em>椰子</em></p>
                        </a>
                    </div>
                </div>

                <div class="collapse navbar-collapse" id="main-menu">
                    <ul class="nav navbar-nav navbar-right">
                        <li><span></span><a href="#top" class="home"><b>首页</b></a></li>
                        <li><span></span><a href="#second-section" class="portfolio"><b>游戏</b></a></li>
                        <li><span></span><a href="#first-section" class="about"><b>服务</b></a></li>
                        <li><span></span><a href="#third-section" class="contact"><b>联系我们</b></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>
</header>

<div id="big-banner">
    <div style="float: right">文字</div>
    <img src="images/bg.png" style="width: 100%;height: 100%" id="bgImg">
</div>

<div id="second-section">
    <div class="heading">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2>游戏乱炖</h2>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="second-section2">
    <div class="container">
        <div class="row">
            <div class="triangle"></div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <section id="cd-timeline-2" class="cd-container">
                    <div class="cd-timeline-block">
                        <div class="cd-timeline-img cd-picture">
                            <img src="images/game/cjml.png" alt="Picture">
                        </div>

                        <div class="cd-timeline-content projects">
                            <img src="images/game/tkdz.png" alt="">

                            <div class="project-content">
                                <h2>坦克大战</h2>
                                <span>18 December 2084</span>
                            </div>
                        </div>
                    </div>

                    <div class="cd-timeline-block">
                        <div class="cd-timeline-img cd-picture">
                            <img src="images/game/xn.png" alt="Picture">
                        </div>

                        <div class="cd-timeline-content projects">
                            <img src="images/game/xn.png" alt="">

                            <div class="project-content">
                                <h2>小鸟</h2>
                                <span>12 December 2084</span>
                            </div>
                        </div>
                    </div>

                    <div class="cd-timeline-block">
                        <div class="cd-timeline-img cd-picture">
                            <img src="images/game/wzq.png" alt="Picture">
                        </div>

                        <div class="cd-timeline-content projects">
                            <img src="images/game/wzq.png" alt="">

                            <div class="project-content">
                                <h2>五子棋</h2>
                                <span>10 December 2084</span>
                            </div>
                        </div>
                    </div>

                    <div class="cd-timeline-block">
                        <div class="cd-timeline-img cd-picture">
                            <img src="images/game/sgrz.png" alt="Picture">
                        </div>

                        <div class="cd-timeline-content projects">
                            <img src="images/game/sgrz.png" alt="">

                            <div class="project-content">
                                <h2>水果忍者</h2>
                                <span>30 November 2084</span>
                            </div>
                        </div>
                    </div>

                    <div class="cd-timeline-block">
                        <div class="cd-timeline-img cd-picture">
                            <img src="images/camera-icon.png" alt="Picture">
                        </div>

                        <div class="cd-timeline-content projects">
                            <img src="images/game/cjml.png" alt="">

                            <div class="project-content">
                                <h2>超级玛丽</h2>
                                <span>22 November 2084</span>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
</div>

<div id="first-section">
    <div class="heading">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2 class="header-section-title">有什么需要帮助的？</h2>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="first-section1">
    <div class="container">
        <div class="row">
            <div class="triangle"></div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <section id="cd-timeline" class="cd-container">
                    <div class="cd-timeline-block">
                        <div class="cd-timeline-img cd-picture">
                            <img src="images/first-icon.png" alt="Picture">
                        </div>

                        <div class="cd-timeline-content service-box-content">
                            <h2>网站还没上线额</h2>

                            <p>网站还在建设中 <span class="blue">`(*∩_∩*)′</span><span
                                    class="green">mo</span>.
                        </div>
                    </div>

                    <div class="cd-timeline-block">
                        <div class="cd-timeline-img cd-movie">
                            <img src="images/second-icon.png" alt="Picture">
                        </div>

                        <div class="cd-timeline-content service-box-content">
                            <h2>所以</h2>

                            <p>你还不能玩 <strong>等一等吧</strong> <br><br>可以到其他网站逛逛 <a
                                    rel="nofollow" target="_blank" href="http://www.qqeasy.com">
                                Q易表情</a>
                        </div>
                    </div>

                    <div class="cd-timeline-block">
                        <div class="cd-timeline-img cd-icon">
                            <img src="images/third-icon.png" alt="Picture">
                        </div>

                        <div class="cd-timeline-content service-box-content">
                            <h2>网站介绍</h2>

                            <p>个人小型网站啦</p><br>
                            一个免费的小型游戏网站，发布上来的都会是站长亲手码出来的游戏<br><br>
                            以后可能用php加node的方式搭建了
                        </div>
                    </div>

                    <div class="cd-timeline-block">
                        <div class="cd-timeline-img cd-location">
                            <img src="images/fourth-icon.png" alt="Picture">
                        </div>

                        <div class="cd-timeline-content service-box-content">
                            <h2>下次见到我们</h2>

                            <p>你可能会有不一样的发现哦~~</p>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
</div>

<div id="third-section">
    <div class="heading">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2>有 什 么 建 议？</h2>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="third-section3">
    <div class="container">
        <div class="row">
            <div class="triangle"></div>
        </div>
        <div class="row">
            <div class="col-md-8">
                <form class="form">
                    <div class="row">
                        <div class="name col-md-4">
                            <input type="text" name="name" id="name" placeholder="Name"/>
                        </div>
                        <div class="email col-md-4">
                            <input type="text" name="email" id="email" placeholder="Email"/>
                        </div>
                        <div class="subject col-md-4">
                            <input type="text" name="subject" id="subject" placeholder="Subject"/>
                        </div>
                    </div>
                    <div class="row">
                        <div class="text col-md-12">
                            <textarea name="text" placeholder="Message"></textarea>
                        </div>
                    </div>
                    <div class="submit">
                        <input type="submit" value="Send Now"/>
                    </div>
                </form>
            </div>
            <div class="col-md-4">
                <div class="contact-discription">
                    <h4></h4>

                    <p style="color: #155678">有什么不满尽管投诉吧，
                        反正是免费的，<br>
                        我也不一定能看到，<br>
                        看到了也不一定会处理，<br>
                        不过有什么意见尽请发给我吧！！！
                    </p>

                    <img src="images/weixin.png" style="width: 250px;height: 250px">
                </div>
            </div>
        </div>
    </div>
</div>


<footer>
    <div class="container">
        <div class="footer-content">
            <div class="row">
                <div class="col-md-12">
                    <div class="col-md-7">
                        <div class="copyright-text">
                            <p><a href="http://www.miitbeian.gov.cn/" target="_blank">皖ICP备15008495号-1</a></p>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="back-to-top">
                            <a href="#top">回 到 顶 部</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>


<!-- Javascripts -->
<script type="text/javascript" src="js/vendor/bootstrap.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>

</body>
</html>